<template>
  <Dialog title="回访记录" :visible="visible" :reveal="false" @close="handleClose">
    <!-- 回访记录 -->
    <el-row>
      <el-col>
        <UserInfo :info-id="currentRow.customerId" />
      </el-col>
      <el-col>
        <el-col :span="8">回访编号： {{ currentRow.returnVisitCode }}</el-col>
        <el-col :span="8">回访类型： {{ currentRow.returnVisitType }}</el-col>
        <el-col :span="8">联系电话： {{ currentRow.customerPhone | phoneHandle }}</el-col>
      </el-col>
      <el-col>
        <el-col :span="8">回访人： {{ currentRow.revisiterName }}</el-col>
        <el-col :span="8">计划回访时间： {{ currentRow.plannedReturnVisitDate }}</el-col>
        <el-col :span="8">状态： {{ currentRow.status }}</el-col>
      </el-col>
    </el-row>
    <el-form ref="ruleForm" :model="currentRow" status-icon label-width="100px" class="demo-ruleForm">
      <!-- <el-form-item label="关联内容">{{ currentRow.relationContent }}</el-form-item> -->
      <el-form-item label="计划备注：">{{ currentRow.remarks }}</el-form-item>
      <el-form-item label="回访内容：">
        <span class="htmlContent" v-html="currentRow.returnVisitInfo" />
      </el-form-item>
      <el-form-item label="回访时间：">{{ currentRow.returnVisitDate }}</el-form-item>
    </el-form>
  </Dialog>
</template>
<script>
import Dialog from "@/components/Dialog";
import UserInfo from '@/components/UserInformation';
export default {
  components: {
    Dialog,
    UserInfo,
  },
  filters: {
    phoneHandle(val) {
      if (!val) return '';
      let phone = "";
      phone = val.substring(0, 3) + "****" + val.substring(val.length - 4, val.length);
      return phone;
    },
  },
  props: {
    currentRow: {
      type: Object,
      default: () => ({}),
    },
    visible: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {
      ruleForm: {},
    };
  },
  mounted() {
  },
  methods: {
    handleClose() {
      this.$emit("handleClose");
    },
  },
};
</script>
<style lang="scss" scoped>
.pull-right{
  float: right;
}
.font-color{
  color:#FF6600;
}
.button-color{
  color:#0099FF;
  border-color:#0099FF;
}
.clear{
  clear: both;
}
.el-col,.el-col-12{
  line-height: 40px;
}
/deep/.htmlContent p{
  margin: 0px !important;
}
</style>
